﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/GPSTrackingAdminWebsiteManager.Master" AutoEventWireup="true" CodeBehind="ImeiTypeManager.aspx.cs" Inherits="GPSTrackingClientsWebsiteManager.Admin.ImeiTypeManager" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">

.RadToolBar
{
	*display: inline-block;
	*float: left;
}
.RadToolBar{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}.RadToolBar{cursor:default;text-align:left}.RadToolBar{margin:0;padding:0}
.RadToolBar
{
	*display: inline-block;
	*float: left;
}
.RadToolBar{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}.RadToolBar{cursor:default;text-align:left}.RadToolBar{margin:0;padding:0}div.RadToolBar .rtbOuter{display:block}div.RadToolBar .rtbOuter{display:-moz-inline-box}div.RadToolBar .rtbOuter{display:block}div.RadToolBar .rtbOuter{display:-moz-inline-box}
.RadToolBar .rtbOuter
{
	*display: inline-block;
	*float: left;
}
.RadToolBar_Metro .rtbOuter{padding:1px;background-color:#fff;border:1px solid #e5e5e5}
.RadToolBar .rtbOuter
{
	*display: inline-block;
	*float: left;
}
.RadToolBar_Metro .rtbOuter{padding:1px;background-color:#fff;border:1px solid #e5e5e5}
.RadToolBar .rtbMiddle
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbMiddle
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbInner
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbInner{padding:1px}
.RadToolBar .rtbInner
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbInner{padding:1px}
.RadToolBar .rtbUL
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbUL{list-style-position:outside;list-style-type:none;margin:0;padding:0;vertical-align:middle}.RadToolBar .rtbUL{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbUL
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbUL{list-style-position:outside;list-style-type:none;margin:0;padding:0;vertical-align:middle}.RadToolBar .rtbUL{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbItem
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbItem{margin:0 1px}.RadToolBar .rtbItem{list-style-position:outside;list-style-type:none;margin:0;padding:0;vertical-align:middle}.RadToolBar .rtbItem{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbItem
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbItem{margin:0 1px}.RadToolBar .rtbItem{list-style-position:outside;list-style-type:none;margin:0;padding:0;vertical-align:middle}.RadToolBar .rtbItem{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}.RadToolBar_Metro .rtbItem .rtbWrap{padding:3px}.RadToolBar_Metro .rtbItem .rtbWrap{padding:3px}
.RadToolBar .rtbWrap
{
	*display: inline-block;
	*float: left;
}
.RadToolBar_Metro .rtbWrap{font:normal 12px/20px "Segoe UI",Arial,sans-serif;color:#767676}.RadToolBar .rtbWrap{text-decoration:none;vertical-align:top;outline:0;cursor:pointer}.RadToolBar .rtbWrap{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbWrap
{
	*display: inline-block;
	*float: left;
}
.RadToolBar_Metro .rtbWrap{font:normal 12px/20px "Segoe UI",Arial,sans-serif;color:#767676}.RadToolBar .rtbWrap{text-decoration:none;vertical-align:top;outline:0;cursor:pointer}.RadToolBar .rtbWrap{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbOut
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbOut{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbOut
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbOut{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}.RadToolBar_Metro .rtbItem .rtbMid{padding:0}.RadToolBar_Metro .rtbItem .rtbMid{padding:0}
.RadToolBar .rtbMid
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbMid{padding:0 3px 3px 0}.RadToolBar .rtbMid{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbMid
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbMid{padding:0 3px 3px 0}.RadToolBar .rtbMid{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}.RadToolBar_Metro .rtbItem .rtbIn{padding:0}.RadToolBar_Metro .rtbItem .rtbIn{padding:0}
.RadToolBar .rtbIn
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbIn{vertical-align:middle}.RadToolBar .rtbIn{padding:3px 0 0 3px;overflow:hidden}.RadToolBar .rtbIn{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbIn
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbIn{vertical-align:middle}.RadToolBar .rtbIn{padding:3px 0 0 3px;overflow:hidden}.RadToolBar .rtbIn{white-space:nowrap;vertical-align:top;display:-moz-inline-box;display:inline-block;zoom:1;*display:inline}
.RadToolBar .rtbText
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbText{padding:0 3px}.RadToolBar .rtbText{padding:0 1px 0 0}.RadToolBar .rtbText{padding:0 3px}.RadToolBar .rtbIn *{vertical-align:middle}
.RadToolBar .rtbText
{
	*display: inline-block;
	*float: left;
}
.RadToolBar .rtbText{padding:0 3px}.RadToolBar .rtbText{padding:0 1px 0 0}.RadToolBar .rtbText{padding:0 3px}.RadToolBar .rtbIn *{vertical-align:middle}</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript">

            function RadAsyncUpload1_fileUploaded(sender, args)
            {
                var name = args.get_fileName();
                console.log(args.get_fileInfo());
                var image = $('Image1');
                console.log(image);
                image.src = '../App_Data/RadUploadTemp/' + name;
            }

        </script>

    </telerik:RadScriptBlock>

    <table class="auto-style1">
        <tr>
            <td style="vertical-align: top">
                <telerik:RadGrid ID="ImeiTypeGrid" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" AllowFilteringByColumn="True" Skin="Metro" OnNeedDataSource="ImeiTypeGrid_NeedDataSource">
                    <ClientSettings>
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
<MasterTableView NoMasterRecordsText="No hay registros" CommandItemDisplay="Top">
<CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Agregar un tipo" RefreshText="Actualizar"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>

    <Columns>
        <telerik:GridClientSelectColumn  UniqueName="ClientSelectColumn">
        </telerik:GridClientSelectColumn>
        <telerik:GridBoundColumn DataField="Description" FilterControlAltText="Filter Description column" HeaderText="Descripción" UniqueName="Description" AutoPostBackOnFilter="true">
        </telerik:GridBoundColumn>
        <telerik:GridImageColumn DataImageUrlFields="Image" DataImageUrlFormatString="../Template/Vehicles/{0}" FilterControlAltText="Filter Image column" HeaderText="Imagen" ImageHeight="" ImageWidth="" UniqueName="Image">
        </telerik:GridImageColumn>
    </Columns>
</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>
                </telerik:RadGrid>
            </td>
            <td style="vertical-align: top">
                <table>
                    <tr>
                        <td>Descripción:</td>
                        <td>
                            <asp:TextBox ID="TextBox1" runat="server" Width="241px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>Imagen:</td>
                        <td>
                            <div>
                                </div>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            &nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                                                &nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</asp:Content>
